<#include "/header.html">

<link rel="stylesheet" href="/donation/index.css?${js_version}" />

<div class="layui-container">
	<!-- layui-container layui-fluid -->
	<div class="tiosite_main">
		<div class="layui-row">
			
			<#include "/ad_left.html">

			<div class="layui-col-md9">
				<div class="layui-row">
					<div
						class="layui-col-xs12 layui-col-sm12 layui-col-md12 "
						style="border-top: none;border-right: none;border-left: none;border-bottom: none"
					>
						<!--
							<fieldset class="layui-elem-field layui-field-title">
							    <legend>
							        <a href="/donation/img/3.png" title="" target="_blank">
							            <img src="/donation/img/3.png" class="img_legend" srcset="">
							        </a>
							    </legend>
							</fieldset>
						-->

						<div><div id="itemlist"></div></div>

						<div><div id="page"></div></div>
					</div>
				</div>

				<div class="layui-row" style="display:">
					<div class="donate_stat_row">
						<!-- 赞赏前5甲 -->
						<div class="layui-col-xs6 layui-col-sm6 layui-col-md6 ">
							<div class="donate_stat_block" style="border-left: none; border-right: none; padding-right: 10px;">
								<div class="layui-anim layui-anim-scaleSpring stat">
									<!--
										<fieldset class="layui-elem-field layui-field-title ">
										    <legend>
										        <a href="/donation/img/1.png" title="" target="_blank">
										            <img src="/donation/img/1.png" class="img_legend" srcset="">
										        </a>
										    </legend>
										</fieldset>
									-->
									<div><div id="orderAmountByName"></div></div>
								</div>
							</div>
						</div>

						<!-- 赞赏来源统计 -->
						<div class="layui-col-xs6 layui-col-sm6 layui-col-md6 ">
							<div class="donate_stat_block" style="border-left: none; border-right: none; padding-left: 10px;">
								<div class="layui-anim layui-anim-scaleSpring stat">
									<!--
										<fieldset class="layui-elem-field layui-field-title">
										    <legend>
										        <a href="/donation/img/2.png" title="" target="_blank">
										            <img src="/donation/img/2.png" class="img_legend" srcset="">
										        </a>
										    </legend>
										</fieldset>
									-->
									<div><div id="orderCountByName"></div></div>
								</div>
							</div>
						</div>
					</div>
				</div>

				<div class="layui-row">
					<div class="donate_stat_row">
						<!-- 赞赏来源总额统计 -->
						<div class="layui-col-xs6 layui-col-sm6 layui-col-md6 ">
							<div class="donate_stat_block_2" style="border-left: none; border-right: none; padding-right: 10px;">
								<div class="layui-anim layui-anim-scaleSpring stat">
									<!--
										<fieldset class="layui-elem-field layui-field-title">
										    <legend>
										        <a href="/donation/img/2.png" title="" target="_blank">
										            <img src="/donation/img/2.png" class="img_legend" srcset="">
										        </a>
										    </legend>
										</fieldset>
									-->
									<div><div id="statAmountComeFrom"></div></div>
								</div>
							</div>
						</div>

						<!-- 赞赏来源次数统计 -->
						<div class="layui-col-xs6 layui-col-sm6 layui-col-md6 ">
							<div class="donate_stat_block_2" style="border-left: none; border-right: none; padding-left: 10px;">
								<div class="layui-anim layui-anim-scaleSpring stat">
									<!--
										<fieldset class="layui-elem-field layui-field-title">
										    <legend>
										        <a href="/donation/img/2.png" title="" target="_blank">
										            <img src="/donation/img/2.png" class="img_legend" srcset="">
										        </a>
										    </legend>
										</fieldset>
									-->
									<div><div id="statCountComeFrom"></div></div>
								</div>
							</div>
						</div>
					</div>
				</div>

				<div class="layui-row">
					<div style="margin-top: 20px;">
						<fieldset class="layui-elem-field layui-field-title">
							<legend style="text-align: center">
								<!--
									<a href="javascript:switchDonation()" title="不要点">
									    <img src="/donation/img/4.png" class="img_legend" srcset="">
									</a>
								-->

								
									<!-- <a href="javascript:switchDonation()" class="layui-btn2 layui-btn-danger2">
									    <span id="iWantDonation">赏</span>
									</a> -->
								
								<a
									href="${api_ctx}/ad/25${api_suf}"
									rel="noopener noreferrer"
									target="_blank"
									class="layui-btn2 layui-btn-danger2"
								>
									<span id="iWantDonation" class="layui-anim layui-anim-scale">赏</span>
								</a>

								<!--
									<i class="layui-icon" style="position: relative; top: 4px; left: 10px; color: #999; font-size: 20px; cursor: pointer;" id="LAY_tips___"></i>
								-->

								<!--
									<img src="/donation/img/4.png" class="img_legend" style="cursor: pointer;" id="LAY_tips">
								-->
							</legend>

							<div id="donate_img_container" style="visibility:hidden;">
								<div class="layui-col-xs3 layui-col-sm3 layui-col-md3 ">
									<div class="fly-panel-main layui-anim layui-anim-scaleSpring donate_img_container">
										<img src="/res/img/d/ali.png" class="donation" />
									</div>
								</div>
								<div class="layui-col-xs6 layui-col-sm6 layui-col-md6 ">
									<div class="fly-panel-main layui-anim layui-anim-scaleSpring donate_text_container">
										<div id="donate_tip_wrap" style="display:none">
											最近一笔捐款发生在<span class="donate_tip_container" id="donate_tip"></span
											>前
										</div>
									</div>
								</div>
								<div class="layui-col-xs3 layui-col-sm3 layui-col-md3 ">
									<div class="fly-panel-main layui-anim layui-anim-scaleSpring donate_img_container">
										<img src="/res/img/d/wechat.png" class="donation donation_last" />
									</div>
								</div>
							</div>
						</fieldset>
					</div>
				</div>
			</div>

		
		<#include "/siteim_include.html">
		</div>

		
	</div>
</div>

<#include "/footer.html">

<script src="/donation/index.js?${js_version}"></script>
